.border-1px {
  position: relative;

  &:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    width: 100%;
    height: 100%;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.0), only screen and (min-device-pixel-ratio: 2.0) {
  .border-1px:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.5), only screen and (min-device-pixel-ratio: 2.5) {
  .border-1px:after {
    width: 300%;
    height: 300%;
    -webkit-transform: scale(0.33333334);
    transform: scale(0.33333334);
  }
}
